<!-- 空白页 -->
<template>
  <view class="flex flex-col items-center w-full">
    <u-image :width="imgWidth" :height="imgHeight" :src="imgUrl"></u-image>
    <view :style="{ color: descColor, fontSize: descSize + 'rpx', marginTop: spaceSize + 'rpx' }" class="text-center">
      {{ descText }}
    </view>
  </view>
</template>

<script setup>
defineProps({
  // 图片宽度
  imgWidth: {
    type: String,
    default: ''
  },
  // 图片高度
  imgHeight: {
    type: String,
    default: ''
  },
  // 图片路径
  imgUrl: {
    type: String,
    default: '/static/images/home/img_empty.png'
  },
  // 描述文本
  descText: {
    type: String,
    default: ''
  },
  // 描述文本颜色
  descColor: {
    type: String,
    default: '#666'
  },
  // 描述文本字体大小
  descSize: {
    type: String,
    default: '28'
  },
  // 图片-文本间距
  spaceSize: {
    type: String,
    default: '30'
  }
})
</script>

<style lang='scss' scoped></style>